.container {
    min-height:100vh;
    background-color: $theme-main-bg-color;
}

.live-wrap {
    margin: 24rpx 24rpx 0;
}

.live-list {
    .live-item {
        width: 702rpx;
        height: 726rpx;
        border-radius: 16rpx;
        margin-bottom: 20rpx;
        padding: 28rpx 24rpx 40rpx;
        background-color: $theme-panel-bg-color;

        &__title {
            .title-left {
                .title-left-title {
                    font-weight: 500;
                    color: $theme-color-main-base;
                    font-size: $theme-size-large-base;
                }

                .title-left-desc {
                    margin-top: 10rpx;

                    .left-desc-text {
                        font-size: $theme-size-small-base;
                        margin-left: 8rpx;
                    }
                }
            }

            .title-right {
                button {
                    &.btn {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border: none;
                        width: 160rpx;
                        height: 68rpx;
                        border-radius: 34rpx;
                        font-size: $theme-size-base;
                        color: #ffffff;
                    }

                    &.btn-wait {
                        background-color: $theme-color-base;
                    }

                    &.btn-over {
                        background-color: $theme-color-ghost-base;
                    }
                }
            }
        }

        .live-image {
            border-radius: 8rpx;
            margin-top: 44rpx;
            overflow: hidden;
        }
    }
}